
.order{
    padding: 20px;
    &_header{
        background-color: #F6F8FA;
        min-height: 72px;
        max-height: 72px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        .el-form{
            flex: 1;
        }
        :deep(.el-form-item){
          margin-bottom: 0 !important;
        }
        :deep(.el-select__wrapper){
          background-color: #fff;
        }
        :deep(.el-date-editor){
          background-color: #fff;
        }
    }
    &_list{
        &_tabel{
           margin-top: 33px; 
        }
    }
}
.order_btn{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.active{
    color: #007DFF  !important;
    border: 1px solid #007DFF  !important;
}
.serch_list{
    display: flex;
    justify-content: space-between;
    &_left{
        // flex: 1;
        display: flex;
        &-l{
            // flex: 1;
            
           ul{
            display: flex;
            // border-radius: 4px;
            // border: 1px solid #d8d8d8;
            // box-sizing: border-box;
            width: auto;
            // max-width: 420px;
            // min-width: 420px;
            li{
                height: 32px;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                padding: 6px 32px;
                border: 1px solid #d8d8d8;
                font-size: 14px;
                border-right: none;
                box-sizing: border-box;
                cursor: pointer;
                flex-wrap: nowrap;
                
            }
            li:last-child{
                border-right: 1px solid #d8d8d8; 
                box-sizing: border-box;
            }
        } 
        }
        &-r{
            // flex: 1;
            display: flex;
            justify-content: space-between;
            margin-left: 20px;
        }
        
    }
    &_right{
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        :deep(.el-select__wrapper){
          background-color: #fff !important;
        }
        :deep(.el-input__wrapper){
          background-color: #fff;
        }
    }
}
.sp_meassage{
  display: flex;
  img{
    width: 80px;
  }
  .info{
    margin: 0 0 0 20px;
    color: #3D3D3D;
    div{
      font-size: 12px;
      color: #86909C;
    }
    div:nth-child(1){
      color: #3D3D3D;
      font-size: 14px;
    }
  }
}





/*表头*/
.table-head {
    background: #F2F6FC;
    align-items: center;
    height: 40px;
    margin-bottom: 10px;
  
    .el-col:nth-child(1) {
      display: flex;
      align-items: center;
  
      .all {
        width: 40px;
        // @include flex-center;
      }
  
      .image-title {
        display: inline-block;
        width: 98px;
      }
    }
  
  
    .sort {
      display: flex;
      align-items: center;
  
      ::v-deep(.el-icon) {
        color: #C0C4CC;
        margin-left: 8px;
      }
    }
  }
  
  /*列表 */
  .table-list {
    height: calc(100vh - 490px);
    overflow-y: scroll;
    .el-checkbox-group{
      line-height: unset;
      font-size: unset;
    }
    .el-col {
      display: flex;
      align-items: center;
      padding: 10px 0;
      border-bottom: 1px solid #E1E6ED;
      border-left: 1px solid #E1E6ED;
      justify-content: center;
    }
    .el-col:nth-child(1){
      justify-content: start;
    }
    .el-col:last-child {
      border-right: 1px solid #E1E6ED;
    }
  
    .goods {
      margin-bottom: 12px;
  
      .business-name {
        display: flex;
        background: #F2F6FC;
        // color: #007DFF;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        flex-direction: row;
        border: 1px solid #E1E6ED;
        box-sizing: border-box;
        .left{
          flex: 1;
          display: flex;
          &>span{
            display: inline-block;
            margin-right: 40px;
          }
          // justify-content: space-between;
          .all {
            width: 40px;
          //   @include flex-center;
    
            ::v-deep(.el-checkbox__label) {
              padding: 0;
            }
          }
        }
        .right{
          // flex: 1;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          padding-right: 10px;
          p{
            span{
              color: #007DFF;
            }
          }
        }
        
      }
  
      .remark {
        font-size: 14px;
        border: 1px solid #ebeef5;
        border-top: none;
        padding: 12px;
        .label {
          color: #86909C;
          white-space: nowrap;
          margin-top: 4px;
        }
      }
  
    }
  
    .table-operate {
        height: 100%;
        display: flex;
        flex-direction: column;
        // justify-content: space-between;
        align-items: center;
        button{
          margin-left: 0 !important;
        }
    }
  
    .image {
      width: 80px;
      height: 80px;
      border-radius: 4px;
      margin: 0 18px 0 40px;
    }
  
    .info {
      color: #86909C;
      font-size: 12px;
      line-height: 20px;
  
      .red {
        color: red;
      }
    }
  
    .el-input{
      margin:0 10px;
    }
  }
  .total_price{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 0px 0;
    &-left{
      flex: 2;
      display: flex;
      :deep(.el-input__wrapper){
        background: #F2F3F5;
        text-align: left;
        input{
          text-align: left;
        }
      }
      div{
        display: flex;
        align-items: center;
        margin-right: 10px;
        span{
          font-size: 14px;
          color: #4E5969;
          margin: 0 6px 0 0;
        }
      }
    }
    &-right{
      flex: 1;
      display: flex;
      justify-content: flex-end;
      span{
        color: red;
        font-weight: bold;
      }
      button:nth-child(1){
        background: #F2F3F5;
      }
    }
  }
  /* 批量操作表单提示 */
  .tip {
    color: #86909C;
    font-size: 12px;
    line-height: 18px;
  }
  /*分页 */
.pagination {
    margin-top: 20px;
    // @include flex-end;
    display: flex;
    justify-content: flex-end;
  }
  .pic_style{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    p{
      line-height: 2;
      font-size: 12px;
      color: #86909C;
    }
    p:last-child{
      font-size: 14px;
      color: #000;
    }
  }
